*{
    margin: 0px;
    padding: 0px;
}
body{
    width: 1365px;
}
.side-nav{
    position: fixed;
    top: 55%;
    right: 60px;
    z-index: 3;
}
.side-nav ul.nav-side-nav{
    list-style-type: none;
    text-align: center;
}
.side-nav ul.nav-side-nav >li{
    display: block;
    line-height: 1.45em;
    padding: 4px 0;
}
.side-nav ul.nav-side-nav >li>a{
    display: block;
}
.side-nav ul.nav-side-nav >li>a .nav-phone-img{
    float: left;
    right: 60px;
    margin-top: -45px;
    position: absolute;
    display: inline-block;
}
.side-nav ul.nav-side-nav >li>a .nav-phone{
    width: 53px;
    height: 53px;
    background: url(http://static.gunlei.com/static/pc/img/scrollbar.png)no-repeat 0 2px;
    /*position: absolute;*/
    display: inline-block;
}
.side-nav ul.nav-side-nav >li>a .nav-phone:hover{
    width: 53px;
    height: 53px;
    background: url(http://static.gunlei.com/static/pc/img/scrollbar.png)no-repeat -85px 0;
}
.side-nav ul.nav-side-nav >li>a .injoin{
    width: 53px;
    height: 53px;
    background: url(http://static.gunlei.com/static/pc/img/scrollbar.png)no-repeat 0 -60px;
}
.side-nav ul.nav-side-nav >li>a .injoin:hover{
    width: 53px;
    height: 53px;
    background: url(http://static.gunlei.com/static/pc/img/scrollbar.png)no-repeat -85px -60px;
}
.side-nav ul.nav-side-nav >li>a .erweima-img{
    width: 86px;
    height: 83px;
    right: 60px;
    margin-top:-65px;
    display: inline-block;
    position: absolute;
    float: left;
}
.side-nav ul.nav-side-nav >li>a .erweima{
    width: 53px;
    height: 53px;
    background: url(http://static.gunlei.com/static/pc/img/scrollbar.png)no-repeat 0 -120px;
}
.side-nav ul.nav-side-nav >li>a .erweima:hover{
    width: 53px;
    height: 53px;
    background: url(http://static.gunlei.com/static/pc/img/scrollbar.png)no-repeat -85px -120px;
}
.side-nav ul.nav-side-nav >li>a .top{
    width: 53px;
    height: 53px;
    background: url(http://static.gunlei.com/static/pc/img/scrollbar.png)no-repeat 0 -180px;
}
.side-nav ul.nav-side-nav >li>a .top:hover{
    width: 53px;
    height: 53px;
    background: url(http://static.gunlei.com/static/pc/img/scrollbar.png)no-repeat -85px -180px;
}
.index-header{
    width: 100%;
    height: 160px;
    background-color: #eee;
}
.index-header-content{
    padding: 3px;
}
.index-header-left{
    width:400px;
    float: left;
    margin: 18px 65px;
}
.index-header-left a{
    text-decoration: none;
    font-family: "微软雅黑", "agency fb","monospace";
    font-size: 23px;
    font-weight: 400;
    color: #666666;
}
.index-header-left a p{
    padding-top: 5px;
}
.index-header-content ul{
    list-style-type: none;
    float: right;
}
.index-header-content ul span{
    float: left;
    width: 37px;
    height: 37px;
    background: url(http://static.gunlei.com/static/pc/img/sprite.png) no-repeat;
}
.phone .icon1{
    background-position: -229px -148px;
}
.phone .icon2{
    background-position: -225px -185px;
}
.item .icon3{
    background-position: -183px -229px;
    margin-left: -50px;
}
.item .icon4{
    background-position: -235px -228px;
    margin-left: -50px;
}
.item .icon5{
    background-position: -136px -271px;
    margin-left: -50px;
}
.phone{
    margin: 18px 68px;
}
.phone li{
    float: left;
    padding-left: 37px;
}
.item{
    margin: 0px 68px;
}
.item li{
    text-align: center;
    float: left;
    padding-left: 90px;
}
.item li .item1{
    font-family: "微软雅黑", "agency fb", "monospace";
    font-size: 14px;
    font-weight: normal;
    color: #666666;
    line-height: 23px;
}
.item li .item1 b{
    font-size: 18px;
}
.nav{
    width: 100%;
    height: 60px;
    background-color: #000000;
}
.nav .nav-container{
    margin-left: 250px;
    float: left;
    text-align: center;
    position: absolute;
    display: block;
}
.nav .nav-container ul{
    list-style-type: none;
    font-family: "微软雅黑", "agency fb", "monospace";
    font-size: 20px;
}
.nav .nav-container ul li{
    height: 60px;
    float: left;
    margin-left: 30px;
}
.nav .nav-container ul li a{
    padding: 0px 30px;
    text-decoration: none;
    color: #ffffff;
    line-height: 60px;
    display: inline-block;
    position: relative;
    text-align: center;
}
.nav .nav-container ul li.active{
    background-color: darkred;
    width: 150px;
}
.nav .nav-container ul li a:hover{
    background-color: darkred;
}
.service-content{
    height: 530px;
    background-color: #eee;
}
.service-content .content{
    width: 710px;
    margin-left: 300px;
    padding: 50px 0px 0 50px;
    text-align: center;
}
.service-content .content h3{
    font-family: "微软雅黑", "agency fb", "monospace";
    font-size: 30px;
    color: #333333;
    border-bottom: 1px solid #666666;
    padding-bottom: 30px;
}
.service-content .content b{
    font-family: "微软雅黑", "agency fb", "monospace";
    font-size: 25px;
    font-weight: normal;
    color: #333333;
    width: 120px;
    background-color: #eee;
    display: block;
    position: absolute;
    margin: -30px 0px 0 260px;
}
.service-content .row{
    text-align: center;
    float: left;
    margin: 50px 60px 0px;
}
.service-content .row .col-md-2{
    float: left;
}
.service-content .row .col-md-2 .course-item1{
    width: 106px;
    height: 107px;
    margin: auto;
    background: url(http://static.gunlei.com/static/pc/img/sprite.png) no-repeat;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.service-content .row .col-md-2 .course-item1:hover{
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
.service-content .row .col-md-2 .course-item2{
    width: 106px;
    height: 107px;
    margin: auto;
    background: url(http://static.gunlei.com/static/pc/img/sprite.png) 0 -110px no-repeat;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.service-content .row .col-md-2 .course-item2:hover{
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
.service-content .row .col-md-2 .course-item3{
    width: 106px;
    height: 107px;
    margin: auto;
    background: url(http://static.gunlei.com/static/pc/img/sprite.png) 0 -221px no-repeat;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.service-content .row .col-md-2 .course-item3:hover{
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
.service-content .row .col-md-2 .course-item4{
    width: 106px;
    height: 107px;
    margin: auto;
    background: url(http://static.gunlei.com/static/pc/img/sprite.png) -110px 0  no-repeat;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.service-content .row .col-md-2 .course-item4:hover{
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
.service-content .row .col-md-2 .course-item5{
    width: 106px;
    height: 107px;
    margin: auto;
    background: url(http://static.gunlei.com/static/pc/img/sprite.png) -110px -110px no-repeat;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.service-content .row .col-md-2 .course-item5:hover{
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
.service-content .row .col-md-1{
    width: 41px;
    height: 37px;
    float: left;
    margin-top: 35px;
    background: url(http://static.gunlei.com/static/pc/img/sprite.png) -121px -228px no-repeat;
}
.service-content .row .col-md-2 h3{
    font-family: "微软雅黑", "agency fb", "monospace";
    font-size: 20px;
    color: #878787;
    padding-bottom: 10px;
}
.service-content .row .col-md-2 p{
    font-family: "微软雅黑", "agency fb", "monospace";
    font-size: 16px;
    line-height: 1.5rem;
    text-align: left;
    color: #6a726e;
}
.footer-nav{
    width: 100%;
    height: 268px;
    background-color: #2f2f2f;
}
.footer-nav .row{
    margin-left: 60px;

}
.footer-nav .row .col-md-2{
    height: 177px;
    margin-top: 53px;
    padding-left: 50px;
    float: left;
}
.footer-nav .row .col-md-2 img{
    width:94px;
    height:94px;
}
.footer-nav .row #col1{
    width: 194px;
    border-right: 1px solid #3f3f3f;
}
.footer-nav .row #col2{
    width: 189px;
    border-right: 1px solid #3f3f3f;
}
.footer-nav .row #col3{
    width: 266px;
    border-right: 1px solid #3f3f3f;
}
.footer-nav .row #col4{
    width: 272px;
    border-right: 1px solid #3f3f3f;
}
.footer-nav .row #col5{
    width: 296px;
}
.footer-nav .row .col-md-2 h4{
    font-family: "微软雅黑", "agency fb", "monospace";
    font-size: 20px;
    color: #bcbcbc;
}
.footer-nav .row .col-md-2 .foot-nav{
    list-style-type: none;
}
.footer-nav .row .col-md-2 .foot-nav a{
    text-decoration: none;
    font-family: "微软雅黑", "agency fb", "monospace";
    font-size: 14px;
    padding-top: 10px;
    line-height: 1.8em;
    color: #8f8f8f;
}
.footer-nav .row .col-md-2 .foot-nav a:hover{
    color: #b7bcbc;
}
.footer-nav .row .col-md-2 p{
    font-family: "微软雅黑", "agency fb", "monospace";
    font-size: 10px;
    color: #8c8c8c;
}
.footer-nav .row #col5 .ensign1{
    width: 25px;
    height: 25px;
    float: left;
    margin-top: 8px;
    display: inline;
    background: url(http://static.gunlei.com/static/pc/img/sprite.png) no-repeat -229px -148px;
}
.footer-nav .row #col5 .ensign2{
    width: 25px;
    height: 25px;
    float: left;
    display: inline;
    margin: 8px 0 0 -24px;
    background: url(http://static.gunlei.com/static/pc/img/sprite.png) no-repeat -229px -185px;
}
.footer-nav .row #col5 b{
    font-family: "微软雅黑", "agency fb", "monospace";
    font-weight: normal;
    font-size: 23px;
    color: #cccccc;
    margin-left: 7px;
}
.copyright{
    width: 100%;
    height: 56px;
    background: #262626;
}
.copyright .copy{
    padding-top: 20px;
    font-family: "微软雅黑", "agency fb", "monospace";
    color:#8f8f8f;
    font-size: 8px;
}
.copyright .copy b{
    font-weight: normal;
    margin:0px 169px 0px 306px ;
}